<template>
  <router-view></router-view>
</template>
<script setup>
console.log(import.meta.env.NODE_ENV);
console.log(import.meta.env.VITE_BASE_API);
console.log(import.meta.env.VITE_BASE_URL);
import { useWebSocketStore } from "@/store/websocket";
import { onMounted } from "vue";
const store = useWebSocketStore();

onMounted(() => {
  store.initConnection();
  store.subscribe(JSON.parse(localStorage.getItem('user')).id);
});
</script>

<style lang="scss">
.el-popover {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: rgba(0, 0, 0, 0.6) !important;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(2px);
  color: #fff;
}
.el-popper[data-popper-placement^="bottom"] > .el-popper__arrow {
  display: none;
}
.mes-box {
  .el-message-box__title,
  .el-message-box__close {
    color: #fff !important;
    font-size: 20px;
  }
  .el-message-box__message {
    color: #fff !important;
  }
}
</style>
